<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="isperp" uri="/WEB-INF/tlds/isperp.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<div id="projectWizard" class="wizard box tabbedBox">
	<div class=" header">
		<ul class="steps">
			<li><a class="current" href="#wiz_basicInfo">基本信息</a></li>
			<li><a href="#wiz_files">项目文档</a></li>
			<li><a href="#wiz_ci">设备清单</a></li>
			<li><a href="#wiz_member">工单统计</a></li>
			<li><a href="#wiz_cost">项目成本</a></li>
			<li><a href="#wiz_quality">项目质量</a></li>
			<li><a href="#wiz_plan">项目进度</a></li>
		</ul>
	</div>
	<div style="padding:0" class="content tabbed">
		<div id="wiz_basicInfo">

			<form:form id="formProjectBasicInfo" commandName="model" action="">
				<form:hidden path="id" />
				<table class="form-table">
					<tr>
						<td class="td1">项目名称：</td>
						<td class="td2">${model.name }</td>
						<td class="td1">项目编号：</td>
						<td class="td2">${model.code }</td>
					</tr>
					<tr>
						<%-- <td class="td1">项目级别：</td>
						<td class="td2">${model.projectLevel }</td> --%>
						<td class="td1">合同编号：</td>
						<td class="td2">${model.contractNo }</td>
					</tr>

					<tr>
						<td class="td1">项目类型：</td>
						<td class="td2">${model.projectType }</td>
						<td class="td1">项目状态：</td>
						<td class="td2">${model.status }</td>
					</tr>
					<tr>
						<td class="td1">项目经理：</td>
						<td class="td2">${model.managerName }</td>

						<td class="td1">销售：</td>
						<td class="td2">${model.sellerName }</td>
					</tr>

					<tr>
						<td class="td1">开始时间：</td>
						<td class="td2"><fmt:formatDate value="${model.startDate }"
								pattern="yyyy-MM-dd" />
						</td>
						<td class="td1">结束时间：</td>
						<td class="td2"><fmt:formatDate value="${model.endDate }"
								pattern="yyyy-MM-dd" />
						</td>
					</tr>
					<tr>
						<td class="td1">项目金额：</td>
						<td class="td2" colspan="3">${model.account }</td>
					</tr>
					<tr>
						<td class="td1">服务条款：</td>
						<td class="td2" colspan="3">${model.serviceContent }</td>
					</tr>
					<tr>
						<td class="td1">备注：</td>
						<td class="td2" colspan="3">${model.memo }</td>
					</tr>
				</table>


				<table class="form-table">
					<tr>
						<td class="td1">客户名称：</td>
						<td class="td2">${cusCustomerName }</td>
						<td class="td1">项目地址：</td>
						<td class="td2">${model.projectAddress }</td>
					</tr>
					<tr>
						<td class="td1">联系人：</td>
						<td class="td2">${model.customerLinkman }
						</td>
						<td class="td1">联系电话：</td>
						<td class="td2">${model.customerLinktel }
						</td>
					</tr>
					<tr>
						<td class="td1">邮箱：</td>
						<td class="td2">${model.customerEmail }
						</td>
					</tr>
					<tr>
						<td class="td1">项目配置项描述（请填写详细的配置项内容）：</td>
						<td colspan="3">${model.confDescription }
						</td>
					</tr>
				</table>
			</form:form>
		</div>
		<div id="wiz_files">
			<table class="form-table">
				<tr>
					<td class="td1">附件：
					<td class="td2" colspan="3">(附件包括本项目的招标文件、投标文件、合同等相关文档)<br />
						<isperp:uploader sourceId="${model.id }" id="projectFiles"
							readonly="true"></isperp:uploader></td>
				</tr>
			</table>
		</div>
		<div id="wiz_ci"></div>
		<div id="wiz_member"></div>

		<div id="wiz_cost">
			<iframe id="costIframe" onload="setWidthHeight(this);" src=""
				style="width:100%;height: 445px;overflow-y:hidden;border:none"
				scrolling="no"> </iframe>
		</div>
		<div id="wiz_quality">
			<iframe id="qualityIframe" onload="setWidthHeight(this);" src=""
				style="width:100%;height: 445px;overflow-y:hidden;border:none"
				scrolling="no"> </iframe>
		</div>
		<div id="wiz_plan">
			<iframe id="planIframe" onload="setWidthHeight(this);" src=""
				style="width:100%;height: 445px;overflow-y:hidden;border:none"
				scrolling="no"> </iframe>
		</div>

	</div>
	<isperp:wizButtonList buttonListId="bpmConfigWizardBtns"
		hiddenFinishButton="true">
		<isperp:processButtons processKey="projectProcess"
			processId="${model.processId }" businessKey="${model.id }"
			formId="formProjectBasicInfo"></isperp:processButtons>
	</isperp:wizButtonList>
</div>
<script type="text/javascript">
	var projectWizard = isperp.wizard({
		wizardId : "projectWizard"
	});

	var projectWizard_Event0 = function(index, obj) {

	};

	var projectWizard_Event1 = function(index, obj) {

	};

	var projectWizard_Event2 = function(index, obj) {
		$("#wiz_ci").empty().load("project/project/library/projectCi?projectId=${model.id}");

	};

	var projectWizard_Event3 = function(index, obj) {
		$("#wiz_member").empty().load("project/project/library/projectOrderSum?projectId=${model.id}");

	};

	var projectWizard_Event4 = function(index, obj) {

		$("#wiz_cost").empty().load("project/project/cost/costAccounting?projectId=${model.id}");

	};

	var projectWizard_Event5 = function(index, obj) {
		var iframeSrc = $("#qualityIframe").attr("src");

		if (iframeSrc == undefined || iframeSrc == "") {
			$("#qualityIframe").attr("src", "ReportServer?reportlet=project/projectSLATrack.cpt&projectId=${model.id}&op=view");
		}
	};
	var projectWizard_Event6 = function(index, obj) {
		var iframeSrc = $("#planIframe").attr("src");

		if (iframeSrc == undefined || iframeSrc == "") {
			$("#planIframe").attr("src", "ReportServer?reportlet=project/projectProcessingTrackOutline.cpt&projectId=${model.id}&op=view");
		}
	};
</script>